<template>
    <div id="button">
        <el-row>
            <el-button type="primary">按钮</el-button>
            <el-button type="success">按钮</el-button>
            <el-button type="info" plain>按钮</el-button>
            <el-button type="warning" round>按钮</el-button>
            <el-button type="danger" icon="el-icon-edit" circle></el-button>
        </el-row>
        <hr>
        <el-row>
            <el-button type="primary" icon="el-icon-share">分享</el-button>
        </el-row>
        <hr>
        <el-row>
            <el-button-group>
                <el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
                <el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
            </el-button-group>
            <el-button-group>
                <el-button type="primary" icon="el-icon-edit"></el-button>
                <el-button type="primary" icon="el-icon-share"></el-button>
                <el-button type="primary" icon="el-icon-delete"></el-button>
            </el-button-group>
        </el-row>
        <hr>
        <el-row>
            <el-button type="primary" :loading="true">加载中</el-button>
        </el-row>
    </div>
</template>
